
window.onload = function () {
    // 登录注册的地方应该显示昵称
    // 获取昵称
    // 获取本地存储中的数据
    // localStorage.getItem(键)
    window.id = localStorage.getItem('id')
    // console.log(id);
    window.token = localStorage.getItem('token')

    sendAjax({
        url: 'http://localhost:8888/users/info',
        data: {
            id: id
        },
        headers: {
            authorization: token
        },
        success: res => {
            res = JSON.parse(res)
            console.log(res);
            if (res.code === 1) {
                var { info: { username } } = res;
                // console.log(nickname);
                // 自定义拼接一个需要显示的内容
                var str = `
                欢迎您，<a href="#" class="user">${username}</a>
                <a href="javascript:;" class="logout" onclick="logouts()">退出</a>
                `
                document.querySelector('.userinfo').innerHTML = str
            }
        }
    })

}
// 定义退出函数
function logouts() {
    // 询问是否要退出
    layer.confirm('你确定要残忍离开吗？', {
        btn: ['当然', '再想想'] //按钮
    }, function () {
        // 点击了第一个按钮后要执行的代码
        // 退出操作
        sendAjax({
            url: 'http://localhost:8888/users/logout/' + id,
            success: res => {
                res = JSON.parse(res)
                var { message, code } = res
                if (code === 1) {
                    layer.alert(message, {
                        icon: 1,
                        time: 1500
                    }, function () {
                        // 注销成功跳转到首页
                        location.href = "03.home.html"


                        // 删除本地存储
                        localStorage.removeItem('id')
                        localStorage.removeItem('token')
                    })
                }
                // console.log(res);
            }
        })
    }/*, function(){
        // 点击了第二个按钮后要执行的代码

    }*/);
}




var flag = true
var startIndex = 0
var limit = 6
var dataArr = null
var ul = document.querySelector('.today_new_productlist ul')
getData()
function getData() {
    $.ajax({
        url: 'https://list.mogu.com/search',
        // 如果是jsonp请求，一定要传dataType，值必须是jsonp
        dataType: 'jsonp',
        data: {
            // callback: fn,
            _version: 8193,
            ratio: ' 3:4',
            cKey: 15,
            page: 1,
            sort: 'pop',
            ad: 0,
            fcid: 51716,
            action: 'boyfriend',
            acm: '3.mce.1_10_1oyhc.128038.0.7OS5bsMsvVFA2.pos_876-m_582188-sd_119',
            ptp: '31.v5mL0b.0.0.QeU0Pbw2',
            _: +new Date()
        },
        success: res => {
            var arr = res.result.wall.docs
            dataArr = arr;
            loadHTML()
        }
    })
}

function loadHTML(){
    if (!flag) return false
    flag = false
    // 截取数据加载
    var brr = dataArr.slice(startIndex, startIndex + limit)
    var str = ``
    brr.forEach(item => {

        str += `
            <li>
                <img src="${item.img}" width=300 height=400>

               <p class="title">${item.title}</p>
               <p class="pnum">￥${item.price}元</p>
            </li>

        `
    })
    ul.innerHTML += str
    startIndex = startIndex + limit
    flag = true
}
// 滚动事件
window.onscroll = function(){
    // 获取滚动过的距离
    var t = document.documentElement.scrollTop || document.body.scrollTop;
    // 判断滚动过的距离是否快到最下面了
    
    //ul的高度加上ul的顶部的高度
    if(t+window.innerHeight > ul.offsetHeight+$(ul).offset().top-200){
        
        loadHTML()
    }
}
